@import "var.less";

.calendar{
  font-size: 12px;
  .title{
    font-size: 14px;background: @primary-color;color:#fff;
    .ivu-icon{color:#fff;font-size: 16px;}
    .ivu-btn{color:#fff;}
  }
  .calendar-table{
    padding: 5px;background: #fff;box-shadow: @shadow-base;
    table{
      width: 100%;
      td span{display: inline-block;padding:2px;border-radius: 50%;line-height: normal;width: 22px;height: 22px;}
      td{text-align: center;line-height: 26px;cursor: pointer;position: relative;}
      td.nowday:after{
        content: "";position: absolute;top:3px;right: 3px;
        width: 8px;height: 8px;background: @primary-color;border-radius: 4px;
      }
      td.noday{color:lighten(@text-color, 30%)}
      td.hasData span{border:2px solid @warning-color;};

      td:hover{background: #e1f0fe;} //darken(#fff, 3%)
      td.range{background: #e1f0fe;}
      td.disabled{background: darken(#fff, 3%); cursor: not-allowed;}
      td.selected{background:@primary-color ;color:#fff;}
    }
  }
}
